<style>
.cropArea {
  background: #E4E4E4;
  overflow: hidden;
  width:500px;
  height:350px;
}
/* line 1, ../../source/scss/ng-img-crop.scss */
img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
/* line 7, ../../source/scss/ng-img-crop.scss */
img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}
.modal-footer{
  text-align: center;
  }
  .d-btn-confirm{
    float: none;
  }
.zylawrzfirmname .error{
 border:1px solid red;
}
</style>
<div class="bodyDiv">


    <div class="settab-box">
      <h2>个人中心</h2>
        <div class="settab-navTitle">
            <ul class="nav nav-tabs">
                <li class="settab" ng-class="{'active': tabChangeZy }" id="tabChangeZy">
                    <a ng-click="tabSkilledzy()" >职业信息</a><!--href="#set-info"  href="#set-info" data-toggle="tab"-->
                </li>
                <li class="settab" ng-class="{'active': tabChangeid }" id="tabChangeid">
                  <a  ng-click="tabSkilled()">擅长领域</a> <!-- href="#set-speciality" data-toggle="tab" -->
                </li>
                <!--<li class="settab">-->
                    <!--<a href="#set-safe" data-toggle="tab">账户安全</a>-->
                <!--</li>-->
                <!--<li class="settab">-->
                    <!--<a ng-click="isOpenMessage()" href="#set-msg" data-toggle="tab">消息设置</a>-->
                <!--</li>-->
            </ul>
        </div>
    </div>
    <!--不同tab标签内容-->
    <div class="tab-content">
        <!--职业信息-->
        <div class="tab-pane fade in active " id="set-info" ng-show="tabChangeZy == true">
            <div class="setsafe-user-box cust-mesge-box">
              <div class="w_boxBg">
                <!--认证状态-->
                <div class="w_userState" ng-show="false">
                  <!--未认证-->
                  <div class="w_State clearfix" ng-class="{'w_State-active': authState == 0 }">
                    <div><img src="img/Group-Copy.png" alt=""><span>未审核</span></div>
                    <p>您还未进行实名认证，点击这里进行<a class="w_color1"  data-toggle="modal" data-target="#certification" aria-hidden="true" data-backdrop="static">实名认证</a></p>
                  </div>
                  <!--审核中-->
                  <div class="w_State clearfix"  ng-class="{'w_State-active': authState == 1 }">
                    <div><img src="img/Group-Copy.png" alt=""><span>审核中</span></div>
                    <p>您的实名认证信息正在审核中，请耐心等待</p>
                  </div>
                  <!--未通过-->
                  <div class="w_State clearfix"  ng-class="{'w_State-active': authState == 3 }">
                    <div><img src="img/Group-Copy.png" alt=""><span style="background: #E4545A;">未通过</span></div>
                    <p style="line-height: 40px;">您未通过实名认证，点击这里<a class="w_color1" href="javascript:;" data-toggle="modal" data-target="#certification" aria-hidden="true" data-backdrop="static">重新认证</a>
                      <span style="display: block;line-height: 40px;line-height: 2px;color: #EC9B15;">未通过原因：{{userBaseInfo.refuseReasons + userBaseInfo.refuseReasonsRemark}}</span>
                    </p>

                  </div>
                  <!--已认证-->
                  <div class="w_State clearfix"  ng-class="{'w_State-active': authState == 2 }">
                    <div><img src="img/Group-5.png" alt=""><span style="background: #01BEB8;">已认证</span></div>
                    <p>您已通过实名认证<span class="w_color2">（通过实名认证后，职业信息不可修改）</span></p>
                  </div>
                </div>
                <!--<div class="setsafe-user-head">头像</div>-->

              <!--实名认证窗口-->
              <div class="modal fade" id="certification">
                <div class="modal-dialog">
                  <div class="modal-content" style="overflow: hidden;border:none;">
                    <div class="w_certification">
                      <!--头部-->
                      <div class="w_realHeader">
                        <h3>实名认证</h3>
                        <i data-toggle="modal" data-target="#small" class="iconfont">&#xe683;</i>
                        <!--首页-->
                        <p ng-show="attestStep == 1">只需两步，完成实名认证 <span></span><span class="w_line1"></span></p>
                        <div class="w_r_schedule" ng-show="attestStep >= 2">
                          <ul class="clearfix">
                            <li ng-class="{'w_w_active': attestStep >= 2}">
                              <i class="iconfont w_icon">&#xe693;</i>
                              <p><span>1</span>完善信息</p>
                            </li>
                            <li ng-class="{'w_w_active': attestStep >= 3}">
                              <i class="iconfont w_icon">&#xe694;</i>
                              <p><span>2</span>上传材料</p>
                              <dl class="clearfix w_icon_point">
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                              </dl>
                            </li>
                            <li ng-class="{'w_w_active': attestStep >= 4}">
                              <i class="iconfont w_icon">&#xe695;</i>
                              <p><span>3</span>提交成功</p>
                              <dl class="clearfix w_icon_point">
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                                <dd></dd>
                              </dl>
                            </li>
                          </ul>
                        </div>
                      </div>
                      <!--头部end-->
                      <!--中间-->
                       <form name="attesForm" novalidate role="form" w5c-form-validate="w5cValidatorAttes">
                      <div class="w_realBody">
                        <!--首页-->
                        <div class="w_realIndex"  ng-show="attestStep == 1">
                          <img src="img/Group 13 Copy.png" alt="">
                          <p>实名认证：<br>
                            1.可开启接案台，接收大量案源信息接单办理；<br>
                            2.可在财务中心模块查看收入明细；
                          </p>
                          <button class="w_btn w_conserve w_realBtn" ng-click="baseInfoStep()">开始实名认证</button>
                        </div>
                        <!--完善信息-->
                        <div class="w_realMsg clearfix"  ng-show="attestStep == 2">
                          <div class="w_realMsg_body">
                            <p class="w_realP">**注：信息请准确填写，实名认证通过后不可修改！</p>
                            <div class="w_r_item clearfix">
                              <span>真实姓名：</span>
                              <input class="w173" type="text" name="name" placeholder="请输入真实姓名" ng-model="attesInfo.realname" required>
                            </div>

                            <div class="w_r_item clearfix">
                              <span>身份证号：</span>
                              <input type="text" maxlength="18" ng-minlength="18" required ng-pattern="/^[0-9]{17}[0-9|X]{1}$/" placeholder="请输入18位身份证号码" name="idcard" ng-model="attesInfo.idcard">
                            </div>

                            <div class="w_r_item clearfix">
                              <span>执业证号：</span>
                              <input type="text" maxlength="17" ng-minlength="17" required ng-pattern="/^[0-9]{17}$/" placeholder="请输入17位律师执业证号" name="certificateno" ng-model="attesInfo.certificateno">
                            </div>

                            <div class="w_r_item clearfix">
                              <span>执业年限：</span>
                              <input class="w47" type="text" placeholder="0" required ng-pattern="/^[0-9]{1,2}$/" name="careeryears" ng-model="attesInfo.careeryears">年
                            </div>

                            <div class="w_r_item clearfix zylawrzfirmname">
                              <span>执业律所：</span>
                              <!--<input type="text" placeholder="请选择职业律所">-->
                              <input id="zylawrzfirmname" type="text" class="inlineBlock form-control" style="width:400px;" name="lawfirm" ng-model="attesInfo.layfirmname" placeholder="请选择律所"
                                     uib-typeahead="lawfirm as lawfirm.name for lawfirm in getLawfirmList($viewValue)"
                                     class="form-control" autocomplete="off" required>
                            </div>

                            <div class="w_r_item clearfix">
                              <span>入职年份：</span>

                              <div class="inlineBlock relativeDiv">
                                <input class="w173 form-control focusInput form_datetime_ym inlineBlock" readonly="readonly" ng-model="attesInfo.entryyear" placeholder="请选择入职年份" name="entryyear" type="text" style="width:400px;" required>
                                <!--<span class="dateSpan">年/月</span>-->
                              </div>
                            </div>

                          </div>
                          <div class="w_realMsg_footer">
                            <button class="w_r_btn w_conserve" w5c-form-submit="phoneStep()">下一步</button>
                            <!-- w5c-form-submit="phoneStep()" -->
                          </div>
                        </div>

                        <!--上传材料/上传失败-->
                        <div class="w_material clearfix"  ng-show="attestStep == 3">
                          <div class="w_realMsg_body">
                            <p class="w_materialP1">请上传您的执业证照片</p>
                            <div class="w_imgBox">
                              <img ng-show="attesInfo.picFile" ngf-src="attesInfo.picFile" width="100%" height="100% alt="">
                              <!--未上传-->
                              <label>
                                  <p class="w_layer" ng-show="!attesInfo.picFile">点击图片上传
                                    <input id="localFileBtn" type="file" name="file" ng-model="attesInfo.picFile" class="hide" ngf-select ngf-model-invalid="errorFileShow"  ngf-max-size="6MB" >
                                    <!-- ngf-pattern="'image/*'"  ngf-accept="'image/*'" 加上比较慢先注释-->
                                  </p>
                              </label>
                              <!--上传失败/成功-->
                                <p class="w_layer_fail" ng-show="attesInfo.picFile" ngf-select="uploadFile($file)">点击重新上传</p>

                            </div>
                            <span class="w_failHint" ng-show="errorFileShow">*{{errorFileMsg}}*</span>
                            <p class="w_materialP2">*注：请上传能准确看清证件号码及个人照片的律师职业证书照片，文件不超过6M，以便为您快速审核。</p>
                          </div>
                          <div class="w_realMsg_footer">
                            <button class="w_r_btn w_cancel" ng-click="baseInfoStep()">上一步</button>
                            <button class="w_r_btn w_conserve w_conserveDisabled" ng-class="{'unDisabled':attesInfo.picFile}" ng-click="saveAttes(attesInfo.picFile)">提交</button>
                          </div>
                        </div>
                        <!--提交成功-->
                        <div class="w_success clearfix"  ng-show="attestStep == 4">
                            <div class="w_realMsg_body">
                              <span class="w_icon_success"><i class="iconfont">&#xe696;</i></span>
                              <span class="w_successHint">认证提交成功</span>
                              <p class="w_explain">我们将尽快审核您的信息，请注意查收邮箱。如需加急请您与法悦客服人员联系。<br>
                                客服热线：400-850-8650<br>
                                客服服务时间：周一至周日09:00-22:00</p>
                              <p class="w_goOn">*开启接案台需完善个人中心的『擅长领域』，如您还没填写，<a  ng-click="tabSkilled();closeAttes();">点击这里</a>前往</p>
                            </div>
                            <div class="w_realMsg_footer">
                              <button class="w_r_btn w_conserve" ng-click="closeAttes()">关闭</button>
                            </div>
                          </div>
                      </div>
                      </form>
                      <!--中间end-->
                    </div>
                  </div>
                </div>
              </div>

              <!--小窗口-->
              <div class="modal fade smallLayer" id="small">
                <div class="modal-dialog modal-sm" style="width: 412px;">
                  <div class="modal-content" style="box-shadow: 0 0 15px 0 rgba(0,0,0,0.38);border-radius: 4px;">
                    <div class="modal-header">
                      <i class="iconfont bootbox-close-button close" data-dismiss="modal" aria-hidden="true">&#xe683;</i>
                      <!--退出操作时-->
                      <h4 class="modal-title">退出操作</h4>
                      <!--确认提交时-->
                      <h4 class="modal-title" style="display: none;">确认提交</h4>
                    </div>
                    <div class="modal-body">
                      <!--退出操作时-->
                      <div class="bootbox-body">您正在进行编辑操作，是否退出？</div>
                      <!--确认提交时-->
                      <div class="bootbox-body" style="display: none;">实名认证通过后您的信息将不可修改，提交前请仔细核对个人信息，  是否提交？</div>
                    </div>
                    <div class="modal-footer">
                      <!--退出操作时-->
                      <div>
                        <button type="button" class="btn del-confir" data-dismiss="modal" ng-click="closeAttes()">退出</button>
                        <button class="w_r_btn w_cancel" data-dismiss="modal">取消</button>
                      </div>
                      <!--确认提交时-->
                      <div style="display: none;">
                        <button type="button" class="btn w_conserve"  >提交</button>
                        <button class="w_r_btn w_cancel">取消</button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <!--实名认证窗口-->

                <!--基本信息 s-->
                <div class="basic-info">
                <form novalidate role="form" name="baseinfoForm" class="w5c-form  demo-form" w5c-form-validate="w5cBaseInfoValidateOptions">
                  <div class="basic-info-top clearfix">
                    <span></span><p>基本信息</p><i class="iconfont" ng-show="editBaseButtonState" ng-click="bsinfobjFun()">&#xe680;</i>
                  </div>
                  <div class="setuser-bottom-two clearfix">
                    <span class="setuser-bottom-text setuser-text-left">律师姓名：</span>
                    <span class="setuser-bottom-text " ng-show="staticState">{{ userBaseInfo.username ? userBaseInfo.username : '无'}}</span>
                    <input style="" type="text" ng-show="bsinfobj" class="form-control setuser-btn-edit" ng-model="userBaseInfo.username" placeholder="请输入真实姓名" name="username" ng-maxlength="10" required>
                  </div>
                  <div class="setuser-bottom-two clearfix">
                    <span class="setuser-bottom-text setuser-text-left">身份证号：</span>
                    <span class="setuser-bottom-text " ng-show="staticState">{{ userBaseInfo.idcard ? userBaseInfo.idcard : '无'}}</span>
                    <input style="" type="text" ng-show="bsinfobj" name="idcard" class="form-control setuser-btn-edit" placeholder="请输入18位身份证号" ng-model="userBaseInfo.idcard" ng-pattern="/^[0-9]{17}[0-9|X]{1}$/">
                  </div>
                  <div class="setuser-bottom-two clearfix">
                    <span class="setuser-bottom-text setuser-text-left">最高学历：</span>
                    <span class="setuser-bottom-text " ng-show="allSpanState">{{ userBaseInfo.highestEducation ? userBaseInfo.highestEducation : '无'}}</span>
                    <select name="" id="" ng-show="allInputState" ng-model="userBaseInfo.highestEducation">
                      <option value="">请选择最高学历</option>
                      <option value="小学">小学</option>
                      <option value="初中">初中</option>
                      <option value="高中">高中</option>
                      <option value="大专">大专</option>
                      <option value="大学本科">大学本科</option>
                      <option value="硕士研究生">硕士研究生</option>
                      <option value="博士研究生">博士研究生</option>
                    </select>
                  </div>

                  <div class="setuser-bottom-two clearfix">
                    <span class="setuser-bottom-text setuser-text-left">学位：</span>
                    <span class="setuser-bottom-text " ng-show="allSpanState">{{ userBaseInfo.degreeName ? userBaseInfo.degreeName : '无'}}</span>

                    <select id="degreeCode" name="" ng-show="allInputState"  ng-model="userBaseInfo.degreeCode" ng-options="item.code as item.name for item in degreeList">
                        <option value="">请选择对应学历的学位</option>
                    </select>
                  </div>
                  <!-- <div class="setuser-bottom-two clearfix" style="display:none;">
                    <span class="setuser-bottom-text setuser-text-left">毕业院校：</span>
                    <span class="setuser-bottom-text w_list1">无</span>
                    <input style="" type="text" class="form-control setuser-btn-edit" placeholder="请输入最高学历的毕业院校">
                  </div> -->
                  <div class="setuser-bottom-two clearfix">
                    <span class="setuser-bottom-text setuser-text-left">其他：</span>
                    <span class="setuser-bottom-text " ng-show="allSpanState">{{ userBaseInfo.remark ? userBaseInfo.remark : '无'}}</span>
                    <textarea maxlength="500" ng-show="allInputState" name="remark" ng-maxlength="200" placeholder="在此可输入其他基本信息" ng-model="userBaseInfo.remark"></textarea>
                  </div>
                  <div class="setuser-bottom-two clearfix" ng-show="!editBaseButtonState">
                    <span class="setuser-bottom-text setuser-text-left"></span>
                    <button class="btn w_conserve" w5c-form-submit="saveBsinfoFun()">保存</button>
                    <button class="btn w_cancel" ng-click="cancelBsinfobjFun()">取消</button>
                  </div>

                </form>
                  <!--上传头像-->
                  <div class="setsafe-user-head-img" data-toggle="modal" data-target="#headMyModal">
                      <img class="img-circle head-img" ng-src="{{headImageUrl}}" ng-show='myHead2 != "" ' />
                    <a class="head-img-btn" href="javascript:;">上传头像</a>
                      <div class="shortDiv" style="background-color: rgb(66,183,159);color:#fff;"
                           ng-show='myHead2 == "" '><span class="shortName">{{userShortName}}</span></div>
                  </div>


                </div>
                <!--基本信息 e-->

                <!--执业信息-->
                <div class="setsafe-user-center">
                <form novalidate role="form" name="zhiyeForm" class="w5c-form form-group  demo-form" w5c-form-validate="w5cWorkInfoValidateOptions">
                  <div class="basic-info-top clearfix">
                    <span></span><p>执业信息</p><i class="iconfont" ng-show="editSkillButtonState" ng-click="workinfobjFun()">&#xe680;</i>
                  </div>

                  <!--保存状态下的信息-->
                  <div class="setuser-save">
                    <div class="setuser-bottom-two clearfix">
                      <span class="setuser-bottom-text setuser-text-left">律师证编号：</span>
                      <span class="setuser-bottom-text " ng-show="workStaticState">{{ userBaseInfo.certificateno ? userBaseInfo.certificateno : '无'}}</span>
                      <input style="" type="text" ng-show="workinfobj" class="form-control setuser-btn-edit list2" placeholder="请输入17位律师证号" ng-model="userBaseInfo.certificateno" maxlength="17" ng-minlength="17" name="certificateno" required ng-pattern="/^[0-9]{17}$/">
                    </div>
                    <div class="setuser-bottom-two clearfix">
                      <span class="setuser-bottom-text setuser-text-left">执业年限：</span>
                      <span class="setuser-bottom-text " ng-show="workStaticState">{{ userBaseInfo.careerYears ? userBaseInfo.careerYears : '0'}}</span>
                      <input style="" type="text" ng-pattern="/^[0-9]{1,2}$/" name="careeryears" ng-show="workinfobj" class="form-control setuser-btn-edit list2 w47" placeholder="0" ng-model="userBaseInfo.careerYears">  年
                    </div>

                    <div class="setuser-bottom-two clearfix">
                        <span class="setuser-bottom-text setuser-text-left">执业律所：</span>
                        <span class="setuser-bottom-text" ng-show="workStaticState">{{ userBaseInfo.viewlawfirmname ? userBaseInfo.viewlawfirmname : '无'}}</span>
                        <input type="text" ng-show="workinfobj" class="inlineBlock form-control" style="width:400px;" id="zylawfirmname" name="lawfirmname" ng-model="userBaseInfo.lawfirmname" required placeholder="请选择当前执业律所"
                                     uib-typeahead="lawfirm as lawfirm.name for lawfirm in getLawfirmList($viewValue)"
                                     class="form-control" autocomplete="off">
                    </div>
                    <div class="setuser-bottom-two clearfix">
                        <span class="setuser-bottom-text setuser-text-left">入职年份：</span>
                        <span class="setuser-bottom-text" ng-show="workStaticState">{{ userBaseInfo.entryyear ? userBaseInfo.entryyear : '无'}}</span>
                        <input class="w173 form-control focusInput form_datetime_ym inlineBlock" readonly="readonly" ng-show="workinfobj" ng-model="userBaseInfo.entryyear" placeholder="请选择当前律所的入职年月" name="entryyear" type="text" style="width:400px;">
                    </div>
                    <div class="setuser-bottom-two clearfix">
                      <span class="setuser-bottom-text setuser-text-left">现任职位：</span>
                      <span class="setuser-bottom-text " ng-show="workAllSpanState">{{ userBaseInfo.position ? userBaseInfo.position : '无'}}</span>
                      <input style="" type="text" ng-show="workAllInputState" class="form-control setuser-btn-edit list2" name="position" ng-maxlength="10" placeholder="请输入现任职位" ng-model="userBaseInfo.position" >
                    </div>
                    <div class="setuser-bottom-two clearfix">
                      <span class="setuser-bottom-text setuser-text-left">工作地区：</span>
                      <span class="setuser-bottom-text" ng-show="workAllSpanState">{{ userBaseInfo.workAreaName ? userBaseInfo.workAreaName : '无'}}</span>
                      <select name="workSelectId" ng-change="liangshaofegn(this)" id="workSelectId" ng-show="workAllInputState"  ng-model="userBaseInfo.workArea" ng-options="item.areaCode as item.name for item in provinceList">
                        <option value="">请选择工作区域</option>
                    </select>
                    </div>

                    <div class="setuser-bottom-two clearfix" ng-show="!editSkillButtonState">
                      <span class="setuser-bottom-text setuser-text-left"></span>
                      <button class="btn w_conserve" w5c-form-submit="saveWorkinfoFun()">保存</button>
                      <button class="btn w_cancel" ng-click="cancelWorkinfobjFun()">取消</button>
                    </div>

                  </div>

                  </form>
                </div>
              </div>
            </div>
        </div>

      <!--擅长领域-->
      <div class=" tab-pane-new" id="set-speciality" ng-show="tabChangeid == true">
        <div class="setsafe-user-box cust-mesge-box">
          <div class="w_boxBg">
            <div class="w_userState w_prompt">
              <p><span class="w_color2">重要提示：</span>您可以选择多个专长项目（不超过5个），但只有那些至少对应1个相关案例的专长项目才会被展示，并使您的信息在用户搜索与该专长有关的服务项目时得到优先展示。<br>如果您满足案例要求的专长项目超过3个，我们将按照您选择的顺序（自上而下）展示前3个满足案例要求的专长项目。</p>
            </div>
            <div>
              <button class="btn w_conserve w_promptPadd" ng-click="addSkill = true" ng-show="userSkilledList.length < 5">添加</button>
              <div class="w_addBox" ng-show="addSkill">
                <form novalidate role="form" name="skillForm" class="w5c-form form-group  demo-form" w5c-form-validate="w5cSkillValidateOptions">
                <input type="hidden" name="skillid" ng-model="selSkillIdVal" />
                <input type="hidden" name="skillname" ng-model="selSkillNameVal"/>
                <img class="corner_03" src="img/corner_03.jpg" alt="">
                <div class="w_addBox_top">
                  <dl class="clearfix">
                    <dt>选择擅长领域：</dt>
                    <!-- <dd class="active">婚姻继承</dd> -->
                    <dd  ng-repeat="item in skilledList" ng-class="{'active': selSkillIdVal == item.code }" ng-click="selTag(item.code, item.name)">{{ item.name }}</dd>
                  </dl>
                </div>

                <div class="w_addBox_bottom clearfix">
                  <p class="w_describeText">请输入不少于200字的描述：</p>
                  <span class="countBox"><span id="counter">{{ description.length ? description.length : '当前少于200位' }}</span>/500</span>
                  <textarea class="w_describe" id="status" ng-model="description " maxlength="500" name="status" placeholder="输入擅长领域描述" required ng-minlength="200" ng-maxlength="500" w5c-dynamic-element></textarea>
                  <div class="w_addBox_btn">
                    <button class="btn w_conserve" w5c-form-submit="saveSkilled()">添加</button>
                    <button class="btn w_cancel" ng-click="addSkill = false;description=''">取消</button>
                  </div>
                </div>
                </form>
              </div>
            </div>
            <!--初始页-->
            <div class="w_initial" ng-show="userSkilledList.length <= 0 && !addSkill">
              <img style="width: 399px;height: 273px;margin-top:0;" src="img/Group-11.png" alt="">
              <p class="w_initial_p1" style="margin: 0;font-size: 14px;">暂未添加擅长领域</p>
              <p class="w_initial_p2" style="margin: 10px 0 0 0;font-size: 14px;">点击上方<button class="btn w_conserve" ng-click="addSkill = true">添加</button>按钮添加擅长领域</p>
            </div>
            <!--擅长领域列表-->
            <div class="specialityList">
              <ul>
                <li ng-repeat="item in userSkilledList">
                  <div class="clearfix speciality-top">
                    <p class="speciality-title">{{item.fieldname}}</p>
                    <i class="iconfont" ng-click="showUpdateTaskBox($event)"></i>
                    <div class="updateBox" style="display: none;">
                      <div class="titleName">
                        <span class="name" ng-click="removeBox($event)">操作菜单</span>
                      </div>
                      <div class="list" ng-click="goEditSkilled(item.id, $event)"><i class="iconfont"></i>编辑</div>
                      <div class="list" ng-click="delSkilled($index, $event)"><i class="iconfont"></i>删除</div>
                    </div>
                  </div>
                  <div>
                    <!--非编辑状态-->
                    <div class="not-edit" id="static{{item.id}}">
                      <p>{{item.description}}</p>
                    </div>
                    <!--编辑状态-->
                    <form novalidate role="form" name="skillForm" class="w5c-form form-group  demo-form" w5c-form-validate="w5cSkillValidateOptionsEdit">
                    <div class="edit clearfix" id="edit{{item.id}}" style="display:none;">
                      <span class="countBox"><span id="">{{ item.subDesc.length ? item.subDesc.length : '当前少于200位' }}</span>/500</span>
                      <textarea class="w_describe" id="desc{{item.id}}" minlength="200" maxlength="500" name="status" placeholder="输入擅长领域描述" ng-model="item.subDesc" required ng-minlength="200" ng-maxlength="500" ></textarea>
                      <div class="w_addBox_btn">
                        <button class="btn w_conserve" w5c-form-submit="editSkilled($index,item.id)">确定</button>
                        <button class="btn w_cancel" ng-click="cancelEditSkilled(item.id)">取消</button>
                      </div>
                    </div>
                    </form>
                  </div>
                </li>

              </ul>
            </div>
          </div>
        </div>
      </div>

    </div>

    <!--头像选择弹出框-->
    <div class="modal fade" id="headMyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <!--顶部-->
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true" class="closeBtn"><i class="iconfont" style="width: 12px;height: 12px;font-size: 12px;display: block;margin: 8px;line-height: 12px;">&#xe6a7;</i></span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="myModalLabel"></h4>
                </div>
                <!--中间部分-->
              <div class="modal-body clearfix">
                <div class="cropArea">

                  <img-crop image="myImage"
                            result-image="myCroppedImage"
                            change-on-fly="changeOnFly"
                            area-type="{{type}}"
                            area-min-size="selMinSize"
                            result-image-format="{{resImgFormat}}"
                            result-image-quality="resImgQuality"
                            result-image-size="resImgSize"
                            on-change="onChange($dataURI)"
                            on-load-begin="onLoadBegin()"
                            on-load-done="onLoadDone()"
                            on-load-error="onLoadError()"
                  ></img-crop>
                </div>
                <!--<div>Cropped Image:</div>-->
                <div class="showImg"><img ng-src="{{myCroppedImage}}"/></div>
                <div class="uploadBtnBox">
                  <div class="uploadBtn">选择图像<input type="file" id="fileInput"/></div>
                  <input type="button" ng-disabled="!isSelectHeadPhone" ng-class="{'active': isSelectHeadPhone}" value="上传" ng-click="uploadHeadPhone()"/>
                </div>
              </div>
            </div>
        </div>
    </div>
    <!--头像选择弹出框-->





</div>

<script>
  /*设置屏幕高度*/
  (function () {
    setHeight();
    function setHeight() {
      var minHeight = $(window).height()-180 + 'px';

      $(".w_boxBg").css("minHeight",minHeight);
    }
    $(window).resize(function() {
      setHeight();
    });
  }())
</script>
